// vue.config.js
module.exports = {
    pages: {
      index: {
        // entry for the page
        entry: 'src/main.js',
        // the source template
        template: 'public/index.html',
        // output as dist/index.html
        filename: 'index.html',
        // when using title option,
        // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
        title: 'MyBlog',
      },
    },

    css: {
      loaderOptions: {
        less: {
          lessOptions: {
            javascriptEnabled: true
          }
        }
      },
      extract: false
    },

    filenameHashing : false,

    devServer: {
      host: "127.0.0.1", //如果是真机测试，就使用这个IP
      port: 8080,
      https: false,
      hotOnly: false, //热更新（webpack已实现了，这里false即可）
      proxy: {
          '/api': {
              target: 'http://127.0.0.1:8090',// 你要请求的后端接口ip+port
              changeOrigin: true,// 允许跨域，在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
              ws: true,// 开启webSocket
              pathRewrite: {
                  '^/api': '',// 替换成target中的地址
              }
          }
      }
    }
}